<template>
  <view class="container">
    <form @submit="submitOrder">
      <view class="form-group">
        <text>产品名称：</text>
        <input v-model="order.productName" type="text" />
      </view>
	  <view class="form-group">
	    <text>产品名称：</text>
	    <input v-model="order.productName" type="text" />
	  </view>
	  <view class="form-group">
	    <text>产品名称：</text>
	    <input v-model="order.productName" type="text" />
	  </view>
	  <view class="form-group">
	    <text>产品名称：</text>
	    <input v-model="order.productName" type="text" />
	  </view>
	  <view class="form-group">
	    <text>产品名称：</text>
	    <input v-model="order.productName" type="text" />
	  </view>
      <view class="form-group">
        <text>数量：</text>
        <input v-model="order.quantity" type="number" />
      </view>
      <view class="form-group">
        <text>价格：</text>
        <input v-model="order.price" type="number" />
      </view>
      <view class="form-group">
        <text>配送地址：</text>
        <input v-model="order.deliveryAddress" type="text" />
      </view>
      <button type="submit">提交订单</button>
    </form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      order: {
        productName: '',
        quantity: 0,
        price: 0,
        deliveryAddress: ''
      }
    };
  },
  methods: {
	  getinfo(){
		  
	  },
    submitOrder() {
      // 在这里你可以发送订单到服务器的逻辑
      // 使用uni.request或其他适当的方法发送订单数据
      // 处理服务器响应并提供适当的用户反馈
    }
  }
};
</script>

<style scoped>
.container {
  padding: 20px;
}

.form-group {
  margin-bottom: 10px;
}

input {
  width: 100%;
  padding: 5px;
}

button {
  background-color: #007AFF;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}
</style>